<template>
    <div style="display: inline-block; margin-left: 5px">
        <el-card class="box-card" style="padding: 0px">
          <div>
              <img :src="urls" height="42" width="42"/></div>
            <div style="margin-top: 5px">
                {{brand}}
            </div>
            <div class="hotNum" style="margin-top: 10px">
               热门指数<span style="margin-left: 5px">{{hotNum}}<i class="el-icon-top"></i></span>
            </div>
            <el-button style="margin-top: 10px; height: 20px; font-size: 10px; line-height: 0" @click="shuati">去刷题</el-button>
        </el-card>
    </div>
</template>

<script>
    export default {
        name: "card",
       data(){
            return{

            }
       },
        props:{
            brand: "",
            urls: "",
            hotNum: ""
        },
        methods:{
            shuati(){
                this.$router.replace("/questionBank");
            }
        }
    }
</script>

<style scoped>
    .text {
        font-size: 14px;
    }

    .item {
        padding: 18px 0;
    }

    .box-card {
        width: 180px;
    }
    .hotNum{
        font-size: 10px;
        color: #9c9c9c
    }
    .hotNum span{
        color: #2db55d;
    }
</style>